.wrap {
  // position: absolute;
  // right: 100px;
  float: right;
  width: 324px;
  height: 288px;

  .head {
    .btn {
      height: 14px;
      width: 14px;
      margin-right: 12px;
      display: inline-block;
      background-size: cover;
      cursor: pointer;
    }
  }

  .content {
    flex: auto;
    :global {
      .ant-checkbox-wrapper {
        color: white;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
      }
      .ant-checkbox-checked {
        &:after {
          border: 1px solid rgba(#2fb0ff, 0.3);
        }
      }
      .ant-checkbox-inner {
        border-color: #ffffff;
        background-color: transparent;
      }
      .ant-checkbox-checked .ant-checkbox-inner {
        border-color: rgba(#2fb0ff, 0.7);
        &:after {
          border-color: rgba(#2fb0ff, 0.7);
        }
      }
    }
    .checkItem {
      width: 100%;
      text-align: left;
      color: white;
      height: 32px;
      line-height: 32px;
      padding: 0 10px;
      transition: all linear 0.2s;
      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
  }
}
